.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.self-auto {
	align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.w-full {
  width: 100%;
}
	
.h-full {
	height: 100%;
}

.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #000000;
}
.bg-red {
  background-color: red;
}

.bottom-safearea {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.overflow-auto {
	overflow: auto;
}

/* 自定义margin*/
.mt-8 {
	margin-top: 8rpx;
}
.mr-8 {
	margin-right: 8rpx;
}
.ml-8 {
	margin-left: 8rpx;
}
.mb-8 {
	margin-bottom: 8rpx;
}

.mt-10 {
	margin-top: 10rpx;
}
.mr-10 {
	margin-right: 10rpx;
}
.ml-10 {
	margin-left: 10rpx;
}
.mb-10 {
	margin-bottom: 10rpx;
}

.mt-16 {
	margin-top: 16rpx;
}
.mr-16 {
	margin-right: 16rpx;
}
.mb-16 {
	margin-bottom: 16rpx;
}
.ml-16 {
	margin-left: 16rpx;
}

.mt-24 {
	margin-top: 24rpx;
}
.mr-24 {
	margin-right: 24rpx;
}
.mb-24 {
	margin-bottom: 24rpx;
}
.ml-24 {
	margin-left: 24rpx;
}

.mt-32 {
	margin-top: 32rpx;
}
.mr-32 {
	margin-right: 32rpx;
}
.mb-32 {
	margin-bottom: 32rpx;
}
.ml-32 {
	margin-left: 32rpx;
}

.mt-40 {
	margin-top: 40rpx;
}
.mr-40 {
	margin-right: 40rpx;
}
.mb-40 {
	margin-bottom: 40rpx;
}
.ml-40 {
	margin-left: 40rpx;
}